<template>
<div class="content-wrap">
      <el-form
        :inline="true"
        label-width="auto"
        :model="formInline"
        size="medium"
         class="demo-form-inline"
       >
        <el-row>
          <el-col :span="10">
      <!-- <el-row style="line-height:40px"> -->
        <!-- <el-col :span="5"> -->
          <el-form-item label="项目名称">
          <el-input v-model="formInline.project"
            placeholder="请输入角色名称"
          ></el-input>
        </el-form-item>
        <!-- </el-col> -->
        <!-- <el-col :span="4"> -->
         <el-form-item label="负责人">
           <el-input   v-model="formInline.user" placeholder="请输入负责人姓名">             
           </el-input>
        </el-form-item>
        <!-- </el-col>
        <el-col> -->
        <el-form-item  label="角色状态">
         <el-select  v-model="formInline.region" placeholder="是否可用"> 
            <el-option label="可用" value="yes"></el-option>
            <el-option label="不可用" value="no"></el-option>
            </el-select >
           </el-form-item>
           </el-col>
        <!-- </el-col> -->
        <!-- <br>
        <el-col :span="9"> -->
          <el-col :span="14">
          <el-form-item>
        <el-button type="primary" icon="el-icon-search" class="searchBtn">
          搜索
        </el-button>
        <el-button
          native-type="reset"
          type="primary"
          icon="el-icon-refresh-right"
          class="resetBtn" >
          重置
        </el-button>
        </el-form-item>
        </el-col>
        </el-row>
      </el-form>

      <el-table
        ref="tableSort"
        :data="list"
        border
        height="450"
        row-key="id"
        style="width: 100%; margin-top: 20px"
        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
      >
        <el-table-column label="项目编号" prop="projectId"></el-table-column>
        <el-table-column label="检定项目名称" prop="projectName"></el-table-column>
        <el-table-column label="负责人姓名" prop="projecterId"></el-table-column>
         <el-table-column label="项目描述" prop="projecterDescription"></el-table-column>
        <!-- <el-table-column show-overflow-tooltip label="显示顺序" width="95">
          <template #default="scope">
            {{ scope.$index + 1 }}
          </template>
        </el-table-column> -->
        <!-- <el-table-column label="创建日期" prop="projectDate"></el-table-column> -->
        <el-table-column show-overflow-tooltip label="操作" width="180px">
          <template #default="{ row }">
            <el-button type="text" @click="handleEdit(row)">编辑</el-button>
            <el-button type="text" @click="handleDelete(row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      isStuActive: false,
      isScoreActive: false,
      isItemActive: true,
      isTitleActive: false,
      queryForm: {
        pageNo: 1,
        pageSize: 20,
        title: "",
      },
      formInline: {
        project: "",
        user: "",
        region: "",
        date1: "",
        date2: "",
      },
      openeds: ["2"],
      pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      },
      value: "",
      list: [
        {
          projectId: "0",
          projectName: "矢量网络分析仪",
          projecterId: "admin",
          // projectDate: "2021-5-28",
          projecterDescription:"无",
        },
        {
          projectId: "1",
          projectName: "衰减器",
          projecterId: "common",
          // projectDate: "2021-5-28",
          projecterDescription:"没有",
        },
      ],
    };
  },
  methods: {
  },
};
</script>

<style scoped>
.el-col {
  width: 100.2%;
}
@import url("//unpkg.com/element-ui@2.15.5/lib/theme-chalk/index.css");


</style>
